<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<script src="${ctxWebStatic}/laydate/laydate.js"></script>

<jsp:include page="/WEB-INF/views/layouts/head.jsp"></jsp:include>
<head>
<title>找回密码</title>
<script type="text/javascript">
	var clock = '';
	var nums = 5;
	$(document).ready(function() {
		$("#showMessage").html(nums + "秒后，重新登录");
		clock = setInterval(doLoop, 1000); //一秒执行一次
	})

	function doLoop() {
		nums--;
		if (nums > 0) {
			$("#showMessage").html(nums + "秒后，重新登录");
		} else {
			clearInterval(clock); //清除js定时器
			window.location.href = "${ctxWeb}/login";
		}
	}
</script>
</head>
<body>
	<div class="page">
		<jsp:include page="/WEB-INF/views/layouts/top_findPassword.jsp"></jsp:include>
		<!--主体-->
		<div class="main_user_resigt">
			<div class="container">
				<div class="row">
					<div class="step_password clearfix">
						<figure class="step_item">
							<p class="num">1</p>
							<h4>验证手机号码</h4>
						</figure>
						<figure class="step_item">
							<p class="num">2</p>
							<h4>设置新密码</h4>
						</figure>
						<figure class="step_item">
							<p class="num">3</p>
							<h4>设置成功</h4>
						</figure>
					</div>
					<div class="success_box">
						<img src="${ctxWebStatic}/images/success.png" alt="" />
						<h3 class="font-sm18">恭喜您，新密码已设置成功！</h3>
						<h5 id="showMessage">5秒后，重新登录</h5>
					</div>

				</div>
			</div>
		</div>
		<!--主体结束-->
		<!--foot-->
		<jsp:include page="/WEB-INF/views/layouts/buttom_2.jsp"></jsp:include>
		<!--foot结束-->
	</div>
</body>
</html>
